<ion-view id="home" view-title="首页" cache-view="false">
  <div id="headerBar" class="headerBar">
    <div id="headerBar-bg"></div>
    <div class="headerBar-add">重庆城市科技学院</div>
    <!-- <div class="headerBar-more"></div> -->

    <div class="headerBar-cart"><span></span></div>

    <!-- <div class="headerBar-logo">
          <i></i>
        </div> -->
    <!--搜索区域-->
    <a class="headerBar-search" ng-href="#">
      <span></span>
      <div>
        <input maxlength="20" autocomplete="true" placeholder="美味蟹黄堡仅需6折" />
      </div>
    </a>
    <a class="headerBar-login" ng-href="#">
      <span>
        搜索
      </span>
    </a>
  </div>
  <ion-content id="home-content" class="scroll-content" scroll="false">
    <!--头部轮播图-->
    <ion-slide-box class="headerSlider" auto-play="true" does-continue="true">
      <ion-slide>
        <img ng-src="img/category/hanbao.jpg">
      </ion-slide>
      <ion-slide>
        <img ng-src="img/category/jizhua.png">
      </ion-slide>
      <ion-slide>
        <img ng-src="img/category/hanbao.jpg">
      </ion-slide>
	  <ion-slide>
	    <img ng-src="img/home/slider/home-header5.jpg">
	  </ion-slide>
    </ion-slide-box>
    <!-- 功能导航 -->
    <h2 id="produce">您的菜品推荐</h2>
    <nav id="nav">
      <span ui-sref="tab.category">
        <img ng-src="img/goodsList/b.jpg" alt="">
        <h2>宫保鸡丁</h2>
      </span>
      <span>
         <img ng-src="img/goodsList/d.jpg" alt="">
        <h2>辣子鸡</h2>
      </span>
      <span>
        <img ng-src="img/goodsList/e.jpg" alt="">
        <h2>黄焖鸡</h2>
      </span>
      <span>
       <img ng-src="img/goodsList/g.jpg" alt="">
        <h2>红烧鸡</h2>
      </span>
    </nav>
    <!--广告轮播图1-->
    <div class="floor-title">精品推荐</div>
    <div class="ad">
      <ion-slide-box show-pager="true" auto-play="true" does-continue="true">
        <ion-slide>
          <a href="#/goodsList/10401">
            <img ng-src="img/home/ad1.JPEG">
          </a>
        </ion-slide>
        <ion-slide>
          <a href="#/goodsList/10401">
            <img ng-src="img/home/ad1.JPEG">
          </a>
        </ion-slide>
        <ion-slide>
          <a href="#/goodsList/10401">
            <img ng-src="img/home/ad-hanbao.JPEG">
          </a>
          <!-- </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-1.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-2.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-3.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-4.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-5.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-6.jpg">
        </ion-slide> -->
      </ion-slide-box>
    </div>
    <!-- 掌上秒杀 -->
    <div id="centent">
      <div class="centent-top">
        <span></span>
        <h2>掌上秒杀</h2>
        <div class="centent-time">
          <span class="time-text">0</span>
          <span class="time-text">0</span>
          <span>:</span>
          <span class="time-text">0</span>
          <span class="time-text">0</span>
          <span>:</span>
          <span class="time-text">0</span>
          <span class="time-text">0</span>
        </div>
        <div class="centent-more">
          更多>
        </div>
      </div>
      <ul class="centent-bottom">
        <li>
          <ion-slide-box show-pager="false" auto-play="true" does-continue="true">
            <ion-slide><a href="#/details/10401">
                <img ng-src="img/home/xia1.JPG">
                <span class="seckill-now">￥15.80</span>
                <span class="seckill-old">￥20.00</span>
              </a></ion-slide>
            <ion-slide><a href="#">
                <img ng-src="img/home/kaoyu-1.JPG" alt="">
                <span class="seckill-now">￥18.88</span>
                <span class="seckill-old">￥25.99</span>
              </a></ion-slide>
            <ion-slide><a href="#">
                <img ng-src="img/home/hotport.JPG" alt="">
                <span class="seckill-now">￥13.00</span>
                <span class="seckill-old">￥19.00</span>
              </a></ion-slide>
          </ion-slide-box>
        </li>
        <li>
          <ion-slide-box show-pager="false" auto-play="true" does-continue="true">
            <ion-slide><a href="#">
                <img ng-src="img/home/seckill_2.jpg" alt="">
                <span class="seckill-now">￥18.88</span>
                <span class="seckill-old">￥25.99</span>
              </a></ion-slide>
            <ion-slide><a href="#">
                <img ng-src="img/home/seckill_3.jpg" alt="">
                <span class="seckill-now">￥13.00</span>
                <span class="seckill-old">￥19.00</span>
              </a></ion-slide>
            <ion-slide><a href="#/details/10401">
                <img ng-src="img/home/seckill_1.jpg">
                <span class="seckill-now">￥15.80</span>
                <span class="seckill-old">￥20.00</span>
              </a></ion-slide>
          </ion-slide-box>
        </li>
        <li>
          <ion-slide-box show-pager="false" auto-play="true" does-continue="true">
            <ion-slide><a href="#">
                <img ng-src="img/home/seckill_3.jpg" alt="">
                <span class="seckill-now">￥13.00</span>
                <span class="seckill-old">￥19.00</span>
              </a></ion-slide>
            <ion-slide><a href="#/details/10401">
                <img ng-src="img/home/seckill_1.jpg">
                <span class="seckill-now">￥15.80</span>
                <span class="seckill-old">￥20.00</span>
              </a></ion-slide>
            <ion-slide><a href="#">
                <img ng-src="img/home/seckill_2.jpg" alt="">
                <span class="seckill-now">￥18.88</span>
                <span class="seckill-old">￥25.99</span>
              </a></ion-slide>
          </ion-slide-box>

        </li>
      </ul>
    </div>
    <!--主题街-->
    <!-- <div class="floor">
      <div class="floor-title">主题街</div>
      <div class="floor-product">
        <div class="floor-product-list floor-left">
          <img ng-src="img/home/ad-3.jpg" alt="">
        </div>
        <div class="floor-product-list">
          <img ng-src="img/home/ad-1.jpg" alt="">
        </div>
      </div>
    </div> -->
    <!--广告轮播图2-->
    <!-- <div class="ad" style="clear: both">
      <ion-slide-box show-pager="true" auto-play="true" does-continue="true">
        <ion-slide>
          <img ng-src="img/home/ad-4.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-5.jpg">
        </ion-slide>
        <ion-slide>
          <img ng-src="img/home/ad-6.jpg">
        </ion-slide>
      </ion-slide-box>
    </div> -->
    <!-- 超值购 -->
    <!-- <div id="floor-1" class="floor">
      <div class="floor-title">超值购</div>
      <div class="floor-product">
        <div class="floor-product-list floor-left">
          <img ng-src="img/goodsList/goods1.jpg" alt="">
          <img ng-src="img/goodsList/goods4.jpg" alt="">
        </div>
        <div class="floor-product-list">
          <img ng-src="img/goodsList/goods7.jpg" alt="">
          <img ng-src="img/goodsList/goods8.jpg" alt="">
        </div>
      </div>
    </div> -->

    <!-- 店铺列表 -->
    <div class="content">
      <div id="content_1" class="content-body">
        <div class="content-body-list" ng-repeat="item in ShopCategory"
          ui-sref="goodsList({typeNumber:{{item.typeNumber}}})">
          <div class="categoryImg">
            <img src="{{item.src}}">
          </div>
          <div class="categoryText">
            <span>{{item.name}}</span>
            <div class="categoryInfo">
              <color>{{item.score}}</color>分 月售{{item.sell}} 人均{{item.per}}
            </div>
            <div class="operation">{{item.operation}}</div>
          </div>
        </div>
      </div>
    </div>
    <ion-infinite-scroll ng-if="pms_isMoreItemsAvailable" on-infinite="func_loadMoreGoodsList()" distance="1%">
    </ion-infinite-scroll>
    <!--回到顶部的区块-->
    <div class="back_top"></div>
  </ion-content>
</ion-view>